<template>
    <div class="App">
        <!-- 头部组件 -->
        <HmHeader/>
        <!-- 主体组件 -->
        <HmMain/>
        <!-- 底部组件 -->
        <HmFooter/>
    </div>
</template>

<script>
import HmHeader from "@/components/HmHeader.vue";
import HmMain from "@/components/HmMain.vue";
import HmFooter from "@/components/HmFooter.vue";

export default {
    /* *局部注册 */
    components: {
        /* '组件名':组件对象 */
        HmFooter,
        HmMain,
        HmHeader
    }
}
</script>

<style>
.App {
    width: 600px;
    height: 700px;
    background-color: #87ceeb;
    margin: 0 auto;
    padding: 20px;
}
</style>